<template>
  <div class="wrapper">
    <div class="details">
        <div class="wrapp-left"></div>
        <div class="wrapp-cen"></div>
        <div class="wrapp-right">
            <div class="info">
                <div class="info-user">
                    <div>
                        <el-avatar :size="50" :src="state.circleUrl" />
                    </div>
                    <div></div>
                </div>
                <div></div>
            </div>
        </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped>
.details{
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.wrapp-left {
    width: 5%;
    height: 100px;
    background-color: #fff;
}
.wrapp-cen{
    width: 70%;
    height: 100px;
    background-color: #fff;
}
.wrapp-right{
    width: 25%;
}
.info{
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 2px;
}
</style>